<template>
  <div>
    <Counter></Counter>
    <hr>
    <UserInfo></UserInfo>
    <hr>
    <Theatres></Theatres>
  </div>
</template>

<script lang='ts'>
import {ref,reactive} from 'vue'
import Counter from './components/Counter.vue'
import UserInfo from './components/UserInfo.vue';
import Theatres from './components/Theatres.vue';
export default{
    setup() {
        return {};
    },
    components: { Counter, UserInfo, Theatres }
}
</script>

<style lang='scss' scoped>
</style>